const { defineConfig } = require('@vue/cli-service');
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false, //关闭代码eslint

  devServer: {
    open: true,
    proxy: {
      '/api': {
        target: 'http://127.0.0.1', //开发的
        // target: '', //打包的

        changeOrigin: true, // 是否改变域名
        rewrite: (a) => a.replace(/^\/api/, '') // 开发的 （注意：打包需要注释）
      },
      '/user': {
        target: 'http://127.0.0.1', //开发的
        // target: '',  //打包的
        changeOrigin: true, // 是否改变域名
        rewrite: (a) => a.replace(/^\/api/, '') // 开发的 （注意：打包需要注释）
      }
    }
  },

  // configureWebpack: {
  //   resolve: {
  //     alias: {
  //       '@': resolve('src')
  //     }
  //   }
  // },

  // devServer: {
  //   host: '0.0.0.0',

  //   // https:true,

  //   port: 8080,

  //   client: {
  //     webSocketURL: 'ws://172.0.0.1'
  //   },

  //   headers: {
  //     'Access-Control-Allow-Origin': '*'
  //   }
  // },
  chainWebpack: (config) => {
    // sass-resources-loader 公共样式文件配置，可全局使用变量
    const oneOfsMap = config.module.rule('scss').oneOfs.store;
    oneOfsMap.forEach((item) => {
      item
        .use('sass-resources-loader')
        .loader('sass-resources-loader')
        .options({
          // 写入定义基础样式的scss文件路径
          resources: ['./src/style/global.scss']
        })
        .end();
    });
  }
});
